<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的首页</title>
</head>
<body>
<!--
<cente>:居中,在该标签中的内容全部在浏览器上居中显示.H5之后不建议使用该标签了
    后期布局都是靠css样式
<h1>-<h6>:标题,h1-h6分为六个级别的标题,标题独自占一行
<input>:输入域,用来获取用户的输入,它可以体现成不同的样子,这是由属性type决定的
    type常见的值如:text,文本框  radio,单选框  checkbox,复选框
                                        button,按钮.等等很多种
    <a>:超链接,标签中间的文本是超链接上显示的文字.href属性用于指定点击超链接后
    跳转的地址

    <img>:图片,src属性用于指定图片的地址
    像超链接,图片都会去指定一个地址,这里指定地址有两种形式:绝对路径和相对路径
    绝对路径如:
    http://www.tedu.cn
    通常超链接会使用这样的地址来跳转到其他网站

    /myweb/logo.png
    这种写法是定位本网站的地址,最开始的"/"对应的是抽象路径部分最开始的"/"
    例如在浏览器输入地址:http://localhost:8088/myweb/index.html
    那么浏览器在index.html页面上:
    "/myweb.logo.png"这里最前面的"/"位置为:
     ^
    http://localhost:8088/
                         ^
    因此浏览器理解其对应的实际路径为:
    http://localhost:8088/myweb/logo.png

    相对路径:
    如果在页面上使用地址"./logo.png"
    那么浏览器输入地址:http://localhost:8088/myweb/index.html后在该页面上
    看到的"./logo.png"的"./"表示的就是该页面所在的位置:
    http://localhost:8088/myweb/
    因此浏览器理解其对应的实际路径为:
    http://localhost:8088/myweb/logo.png
-->

<center>
    <!--    <h1>百度</h1>-->
    <!--    以图片为例,指定图片地址的三种写法:
            1:绝对路径写法
            <img src="http://localhost:8088/myweb/logo.png">

            2:绝对路径写法(根路径开始)
            <img src="/myweb/logo.png">
            注:最开始的"/"表示的是URL中抽象路径部分中的第一个"/"

            3:相对路径写法
            <img src="./logo.png">
            注:"./"表示的是URL中抽象路径部分中的最后一个"/"
        -->
    <img src="./logo.png">
    <br>
    <input type="text" size="45">
    <input type="button" value="百度一下" onclick="alert('点你妹啊!')">
    <br>
    <a href="http://www.taobao.com">去淘宝</a>
    <a href="./reg.html">去注册</a>
    <a href="login.html">去登录</a>
    <a href="/myweb/showAllUser">用户列表</a>
    <a href="/myweb/showAllArticle">文章列表</a>
    <a href="/myweb/createQR.html">二维码生成器</a>
    <a href="writeArticle.html">去写文章</a>
    <a href="watch.html">查看文章</a>
    <table border="1">
        <tr>
            <td>第1列</td>
            <td colspan="2" align="center">第2列</td>
            <td>第3列</td>

        </tr>
        <tr>
            <td>第1列</td>
            <td>第2列</td>
            <td rowspan="2">第3列</td>
            <td>第4列</td>
        </tr>
        <tr>
            <td>第1列</td>
            <td>第2列</td>
            <td>第3列</td>
        </tr>
    </table>
</center>
</body>
</html>